React Component [리액트 블로그 만들기] props와 Input 부모 컴포넌트의 state 를 받아오고 싶다면? 부모 컴포넌트의 state 값을 자식 컴포넌트에 전달해주기 -> props 사용 1️⃣ props로 자식(Modal)에게 state 전달하기 Modal.js <h2>{props.title[0]}</h2> ➡️ h2에 들어가는 값은 props 중에 title이고, title의 인덱스 0번째 값을 가져온다. 2️⃣ 클릭한 글 제목으로 모달창 띄우기... react - onChangereact - Inputreact propsTILReactReact Componentreact OnclickReact [CS] React Component Day-32 레고처럼 조립해 나갈 수 있는 부품 단위로 UI 컴포넌트를 만들어 나가는 개발을 진행 할 수 있습니다. UI 개발도구가 다양하게 있고 그 중 하나가 Storybook 입니다. 각각의 컴포넌트들을 따로 볼 수 있게 구성해주어 한 번에 하나의 컴포넌트에서 작업할 수 있습니다. 전체 UI를 한눈에 보고 개발할 수 있습니다. Storybook은 재사용성을 확대하기 위해 컴포넌트를 문서화하고, 자동으... componentCSS리액트Reactstorybookstyled componentReact ComponentcddSassCSS React 컴포넌트 Hooks 이전에는 컴포넌트 내부에 상태가 있다면 class를 이용해서 만들고 라이프사이클을 사용해야 한다면 class를 오버라이징 해서 사용한다. 관계가 없다면 function을 사용한다. Hooks 이후에는 class 또는 function인데 지금은 hip한게 함수형 프로그래밍이다. 회사에 가면 class로 이루어진 회사들이 많기 때문에 유지보수를 하기 위해서도 class를 알아야 하고 ... lifecycleReact ComponentReactReact
[리액트 블로그 만들기] props와 Input 부모 컴포넌트의 state 를 받아오고 싶다면? 부모 컴포넌트의 state 값을 자식 컴포넌트에 전달해주기 -> props 사용 1️⃣ props로 자식(Modal)에게 state 전달하기 Modal.js <h2>{props.title[0]}</h2> ➡️ h2에 들어가는 값은 props 중에 title이고, title의 인덱스 0번째 값을 가져온다. 2️⃣ 클릭한 글 제목으로 모달창 띄우기... react - onChangereact - Inputreact propsTILReactReact Componentreact OnclickReact [CS] React Component Day-32 레고처럼 조립해 나갈 수 있는 부품 단위로 UI 컴포넌트를 만들어 나가는 개발을 진행 할 수 있습니다. UI 개발도구가 다양하게 있고 그 중 하나가 Storybook 입니다. 각각의 컴포넌트들을 따로 볼 수 있게 구성해주어 한 번에 하나의 컴포넌트에서 작업할 수 있습니다. 전체 UI를 한눈에 보고 개발할 수 있습니다. Storybook은 재사용성을 확대하기 위해 컴포넌트를 문서화하고, 자동으... componentCSS리액트Reactstorybookstyled componentReact ComponentcddSassCSS React 컴포넌트 Hooks 이전에는 컴포넌트 내부에 상태가 있다면 class를 이용해서 만들고 라이프사이클을 사용해야 한다면 class를 오버라이징 해서 사용한다. 관계가 없다면 function을 사용한다. Hooks 이후에는 class 또는 function인데 지금은 hip한게 함수형 프로그래밍이다. 회사에 가면 class로 이루어진 회사들이 많기 때문에 유지보수를 하기 위해서도 class를 알아야 하고 ... lifecycleReact ComponentReactReact